/**************************************
 *
 * VLOOK CSS 多主题间的通用样式
 * (配合 base.less、主题.less 进行使用)
 *
 * V25.0
 * 2024-07-03
 * powered by MAX°孟兆
 *
 * QQ Group: 805502564
 * Telegram Channel: t.me/vlook_markdown
 * email: maxchow@qq.com
 *
 * https://github.com/MadMaxChow/VLOOK
 * https://gitee.com/madmaxchow/VLOOK
 *
 *************************************/

// -----
// #Common_LESS_Var
@themeEmail: "maxchow@qq.com";

// 主题配套预置选项 vlook-query
@vQuery: "ws=3";

@tableRowNumTop: 4px; // 表格逐行自动编号的高度
@tableRowCursor: "▶️"; // 表格当前行鼠标 hover 游标
@focusCursor: "✏️"; // 编辑焦点行游标
@focusStyle: @aBorderWidth dashed @aLineColor; // 焦点、焦点行样式
@miniLineHeight: 1;
@defaultLineHeight: 1.5;
@paragraphPadding: .5em;//.75em;//.625em; // 段落空白
@paragraphInnerLineHeight: 1.5;
@figurePadding: 20px; // 插图内、间、行空白
@hoverBrightness: 90%;
@scrollFix: 8px; // 针对 Mermaid 图表，不添加会导致出现滚动条
@syntaxTipsFont: italic normal 10px/1 var(--v-f-fm-bd); // 语法提示字体设置

// 目录、文件 的当前节点、点击节点样式
@tocItemActive_boxShadow: 0 0 0 2px @aHoverColor;//0 0 0 2px fade(@aHoverColor, 50%);
@tocItemCurrent_boxShadow: 0 0 0 2px @aColor inset;

// 图片、插图边框宽度
@imgBorderWidth: 2px;//@aBorderWidth;//2px;

// --------------------
// a kbd 按钮链接的圆角风格选择
// 无圆角（方角）
.applyKbdRadius(@kbdStyle) when (@kbdStyle = none) {
    #write a kbd {
        padding: 6px 8px;
        border-radius: 0;
    }
}
// 小圆角
.applyKbdRadius(@kbdStyle) when (@kbdStyle = small) {
    #write a kbd {
        padding: 7px 9px;
        border-radius: var(--v-r-s);
    }
}
// 大圆角
.applyKbdRadius(@kbdStyle) when (@kbdStyle = big) {
    #write a kbd {
        padding: 8px 10px;
        border-radius: 40px;
    }
}
// 叶子圆角
.applyKbdRadius(@kbdStyle) when (@kbdStyle = leaf) {
    #write a kbd {
        padding: 8px 10px;
        border-radius: var(--v-r-b) var(--v-r-b-xc);
    }
}

// ==================== 主题的文档纹理背景 ==================== //

// 格子
@docBgImgLight_Grid: url("");
@docBgImgDark_Grid: url("");
// 双重格子
@docBgImgLight_Grid2: url("");
@docBgImgDark_Grid2: url("");
// 斜纹
@docBgImgLight_Twill: url("");
@docBgImgDark_Twill: url("");
// 反斜纹
@docBgImgLight_Twill_R: url("");
@docBgImgDark_Twill_R: url("");
// 电路
@docBgImgLight_EC: url("");
@docBgImgDark_EC: url("");
// 波浪
@docBgImgLight_Wave: url("");
@docBgImgDark_Wave: url("");
// 雪花
@docBgImgLight_Snow: url("");
@docBgImgDark_Snow: url("");

// 主题配套预置选项 vlook-chp-autonum
// 1-6 级标题前缀/自动编号内容
// counter() 支持使用有序列表的符号格式（decimal/decimal-leading-zero/lower-roman/upper-roman/lower-alpha/upper-alpha），如：counter(h1, upper-alpha)
@vChpAutoNum: "h1{{### }},h2{{### }},h3{{### }},h4{{### }},h5{{### }}";
@h1BeforeContent: counter(h1) ". ";
@h2BeforeContent: counter(h1) "." counter(h2) " ";
@h3BeforeContent: counter(h1) "." counter(h2) "." counter(h3) " ";
@h4BeforeContent: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) " ";
@h5BeforeContent: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) " ";
@h6BeforeContent: "◼︎ ";

// 题注文字、背景色
@captionTextColor: var(--d-fc);
@captionBackground: var(--tbl-td-bg);

// 表格边框
@tblBdWidth: 2px;
@tableBorderColor: var(--tbl-bd);
@tableBorderWidth: @tblBdWidth;
@tableBorderLeftWidth: @tblBdWidth;
@tableBorderRightWidth: @tblBdWidth;
@tableBorderTopWidth: @tblBdWidth;
@tableBorderBottomWidth: @tblBdWidth;
@tableThBorderRightWidth: 1px solid var(--tbl-cell-bd);
@tableTdBorderRightWidth: 1px solid var(--tbl-cell-bd);
// 表格行 hover
@tableTrHoverBg: fade(@aHoverColor, 20%);
@tableTrHoverBgDark: fade(@aHoverColor, 40%);
// 表格圆角
@tableBorderRadius: var(--v-r-b);
@tableBorderRadiusXC: var(--v-r-b-xc);
// 表格背景
@tableBackground: var(--d-bc);
@tableThColor: inherit;
@tableThBackground: var(--tbl-th-bg);
@tableTdBackground: var(--tbl-td-bg);
// 表格单元格阴影
@tableFirstThBoxShadow: 0 1px 0 var(--tbl-cell-bd);
@tableThBoxShadow: @tableFirstThBoxShadow;
@tableThRepeaterBoxShadow: 0 -@tblBdWidth 0 var(--tbl-h-bd), @tableThBoxShadow;
@tableFirstTdBoxShadow: 0 -1px 0 0 var(--tbl-h-bd);
@tableTdBoxShadow: none;
// 表格十字光标颜色
@tableCrossBgColor: fade(@aLineColor, 30%);

// 标题的阴影样式
@h1Shadow: none;
@h2Shadow: none;
@h3Shadow: none;
@h4Shadow: none;
@h5Shadow: none;
@h6Shadow: none;

// 标题的文字阴影样式
@h1TextShadow: none;
@h2TextShadow: none;
@h3TextShadow: none;
@h4TextShadow: none;
@h5TextShadow: none;
@h6TextShadow: none;

// 标题的文字字体大小
@h1FontSize: 1.75em;
@h2FontSize: 1.625em;
@h3FontSize: 1.5em;
@h4FontSize: 1.375em;
@h5FontSize: 1.25em;
@h6FontSize: 1.125em;
@h7FontSize: 1.25em; // 引用块小标题、折叠标题

// 标题的文字轮廓样式
@h1TextStroke: initial;
@h2TextStroke: initial;
@h3TextStroke: initial;
@h4TextStroke: initial;
@h5TextStroke: initial;
@h6TextStroke: initial;

// 标题的左边框
@h1BorderLeft: 0;
@h2BorderLeft: 0;
@h3BorderLeft: 0;
@h4BorderLeft: 0;
@h5BorderLeft: 0;
@h6BorderLeft: 0;

// 标题的右边框
@h1BorderRight: 0;
@h2BorderRight: 0;
@h3BorderRight: 0;
@h4BorderRight: 0;
@h5BorderRight: 0;
@h6BorderRight: 0;

// 标题的上边框
@h1BorderTop: 0;
@h2BorderTop: 0;
@h3BorderTop: 0;
@h4BorderTop: 0;
@h5BorderTop: 0;
@h6BorderTop: 0;

// 标题的下边框
@h1BorderBottom: 0;
@h2BorderBottom: 0;
@h3BorderBottom: 0;
@h4BorderBottom: 0;
@h5BorderBottom: 0;
@h6BorderBottom: 0;

@headerLetterSpacing: 0;

// 标题边距
@headerPadding: 5px 0;
@h1Padding: @headerPadding;
@h2Padding: @headerPadding;
@h3Padding: @headerPadding;
@h4Padding: @headerPadding;
@h5Padding: @headerPadding;

// 标题内文本边距
@h1SpanPadding: 0;
@h2SpanPadding: 0;
@h3SpanPadding: 0;
@h4SpanPadding: 0;
@h5SpanPadding: 0;

// 标题圆角
@headerBorderRadius: var(--v-r-b);
@h1BorderRadius: @headerBorderRadius;
@h2BorderRadius: @headerBorderRadius;
@h3BorderRadius: @headerBorderRadius;
@h4BorderRadius: @headerBorderRadius;
@h5BorderRadius: @headerBorderRadius;

// 标题内文本圆角
@h1SpanBorderRadius: 0;
@h2SpanBorderRadius: 0;
@h3SpanBorderRadius: 0;
@h4SpanBorderRadius: 0;
@h5SpanBorderRadius: 0;

// 标题背景
@headerBackground: none;
@h1Bg: @headerBackground;
@h2Bg: @headerBackground;
@h3Bg: @headerBackground;
@h4Bg: @headerBackground;
@h5Bg: @headerBackground;

// 标题颜色
@h1Color: var(--h-f);//@headerColor;
@h2Color: var(--h-f);//@headerColor;
@h3Color: var(--h-f);//@headerColor;
@h4Color: var(--h-f);//@headerColor;
@h5Color: var(--h-f);//@headerColor;
@h6Color: var(--h-f);//@headerColor;

// 标题颜色渐变时配置
@lgH1Bg: none;
@lgH2Bg: none;
@lgH3Bg: none;
@lgH4Bg: none;
@lgH5Bg: none;
@lgH1BgClip: inherit;
@lgH2BgClip: inherit;
@lgH3BgClip: inherit;
@lgH4BgClip: inherit;
@lgH5BgClip: inherit;
@lgH1Color: var(--h-f);
@lgH2Color: var(--h-f);
@lgH3Color: var(--h-f);
@lgH4Color: var(--h-f);
@lgH5Color: var(--h-f);

// 标题前缀 before 颜色
@contentHeaderNumColor: var(--h-f);
@contentHeaderNumOpacity: 1;
@liBeforeColor: var(--h-f);

// 连续标题背景
@multiHeaderBG: none;

@h1Margin: 2em 0 0 0;
@h2Margin: 2em 0 0 0;
@h3Margin: 1.5em 0 0 0;
@h4Margin: 1.5em 0 0 0;
@h5Margin: 1.25em 0 0 0;
@h6Margin: 1em 0 0 0;

// 标题对齐方式
@headerTextAlign: left;
@h1TextAlign: @headerTextAlign;
@h2TextAlign: @headerTextAlign;
@h3TextAlign: @headerTextAlign;
@h4TextAlign: @headerTextAlign;
@h5TextAlign: @headerTextAlign;
@h6TextAlign: @headerTextAlign;
@h7TextAlign: center; // 引用小标题

// 多个连续标题间的距离
@hContinuous: 0;

// 标签默认色号 --- 未合适
@tagBgDefaultColorCode: "t2";
@tagFgDefaultColorCode: ~"t2-a";

// 徽章默认色号 --- 未合适
@badgeBgDefaultColorCode: "gy";
@badgeFgDefaultColorCode: ~"gy-a";

// 引用块默认色样式（与主题配套使用）
@quoteBgDefault: var(--blockquote-bg);
@quoteBoxShadowDefault: none;

// 引用块边框宽度
@quoteBorderWidth: .375em;

// 引用块小标题、折叠引用块标题的分隔线宽度
@quoteTitleBorderWidth: 1px;

// 引用块左边框
@quoteBorderLeft: 0;
@quoteRadius: var(--v-r-b);

@theme1FadeDark: @theme1Fade;
@theme2FadeDark: @theme2Fade;

// 行内代码
@codeTextColor: @theme2;
@codeTextColorDark: @theme2Dark;
@codeBgColor: var(--d-bc-lg);
@codeBgColorDark: var(--d-bc-dk);

// 代码块背景图
@codeBlockBackground: none;
@codeBlockBackgroundDark: none;
@codeBlockBackgroundSize: auto;
@codeBlockBackgroundRepeat: inherit;
@codeBlockBackgroundPosition: inherit;

// 封面、封底标题的文字阴影样式
@coverTextShadow: none;
@backCoverTextShadow: none;

// 封面、封底标题的文字轮廓样式
@coverTextStroke: initial;
@backCoverTextStroke: initial;

// 文档扩展区域背景
:root {
    // --thm-doc-ext-bg: linear-gradient(180deg, var(--d-bc), var(--d-bc), rgba(var(--fade-r), var(--fade-g), var(--fade-b), .8) 40%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), .2));
    --thm-doc-ext-bg: linear-gradient(180deg, var(--d-bc), var(--ac-t1-fade));
}
@docExtContent: "";
@docExtBackgroundColor: var(--d-bc);
@docExtBackgroundImage: var(--thm-doc-ext-bg);//linear-gradient(180deg, var(--d-bc), var(--d-bc), rgba(var(--fade-r), var(--fade-g), var(--fade-b), .9) 40%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), .2)), linear-gradient(180deg, var(--d-bc), var(--ac-t1-fade));
@docExtBackgroundSize: auto;
@docExtBackgroundRepeat: no-repeat;
@docExtBackgroundPosition: left top;
@docExtBackgroundFilter: none;

// 封面内徽章样式
@badgeColorInCover: @buttonForeHoverColor;
@badgeBakgroundInCover: @aHoverColor;
@badgeBorderColorInCover: transparent;//var(--rb-code-shadow-dk);//transparent;

// ==================== 生成表格、插图的不同对齐方式的样式 ==================== //

// 居中对齐。非居中对齐时不调用
.genTableAndFigureAlign(@align) when (@align = center) {
    // 表格居中
    #write table {
        margin: 0 auto;
    }

    // 明信片
    content>#write .md-image[data-src*="#card"]>img,
    content>#write .md-image[data-src*="#cardd"]::after,
    #write .v-post-card,
    #write img[src*="#card"],
    #write svg[data-inject-url*="#card"],
    // 编辑时 Mermaid 图的预览
    .md-diagram-panel-preview>svg {
        margin: 0 auto;
        display: block;
    }

    // 编辑时题注居中
    @nonFigure: ~':not(:is([data-src*="#icon"],[data-src*="#logo"],[data-src*="#frame"]))';
    content>#write p:has([md-inline="em"]:only-child>em>[md-inline="highlight"]>mark),
    content>#write p:has(>.md-image@{nonFigure}), // 段落内的图片
    content>#write p:has(>.md-link>a>.md-image@{nonFigure}), // 段落内带链接的图片
    #write .md-fences-adv-panel, // Mermaid 图
    .v-cap-cntr, // 导出后题注居中
    .v-caption.tbl>.v-cap-1 { // 表格题注样式
        text-align: center !important;
    }

    .v-cap-cntr.expander::before, // 折叠提示的样式居中
    #write .v-post-card, // 明信片样式
    .ty-table-edit { // 编辑时表格工具栏
        left: 50%;
        transform: translateX(-50%);
        border-radius: var(--v-r-b) var(--v-r-b-xc) !important;
    }
}

// ==================== 徽章样式 ==================== //

// -----
// 标准风格
.genBadgeStyle(@style) when (@style = std) {
    // 徽章内容公共样式
    // 编辑时的徽章内容
    @{badgeOnEditingPrefix} > @{codeOnEditing}:not(:first-child) > code, // :first-child 时为 标签 tag
    @{badgeOnEditingPrefix} > @{codeOnEditing}:not(:only-child):first-child > code,  // 没有标题，只有 value 和 value2
    .v-badge-value {
        display: inline-block;
        font: var(--v-f-w-bd) 1em var(--v-f-fm-tag); // [style] [weight] [size/[line-height]] [family]
        border-radius: calc(var(--v-r-tag) - 3px) calc(var(--v-r-tag-xc) - 3px);
        color: var(--d-fc) !important;
        background: var(--d-bc) !important;
        padding: 3px 5px;
        line-height: 1;
        margin: 1px 1px 1px @codePaddingLeft;
        white-space: pre;
        box-shadow: none !important;
        border: none !important;
    }

    // 三段式，两个徽章值时微调
    @{badgeOnEditingPrefix} > @{codeOnEditing}+span:last-child,
    .v-badge-value.hastwo {
        margin: 1px 4px !important;
    }

    // 没有徽章标题，只有两个徽章内容 value 和 value2
    @{badgeOnEditingPrefix} > @{codeOnEditing}:not(:only-child):first-child > code,
    .v-badge-name > .v-badge-value:first-child {
        margin: 1px 4px 1px 1px !important;
    }
}

// -----
// 活力风格
.genBadgeStyle(@style) when (@style = dyn) {
    // 徽章内容公共样式
    // 编辑时的徽章内容
    @{badgeOnEditingPrefix} > @{codeOnEditing}:not(:first-child) > code, // :first-child 时为 标签 tag
    @{badgeOnEditingPrefix} > @{codeOnEditing}:not(:only-child):first-child > code,  // 没有标题，只有 value 和 value2
    .v-badge-value {
        display: inline-block;
        font: var(--v-f-w-bd) 1em var(--v-f-fm-tag); // [style] [weight] [size/[line-height]] [family]
        border-radius: 0 calc(var(--v-r-tag-xc) - 3px) calc(var(--v-r-tag) - 3px) 0;
        color: var(--d-fc) !important;
        // background: var(--d-bc) !important;
        padding: 3px 5px 3px 12px;
        line-height: 1;
        margin: 1px 1px 1px 0;//@codePaddingLeft;
        white-space: pre;
        box-shadow: none !important;
        border: none !important;
        background: linear-gradient(110deg, transparent 10px, var(--d-bc) 10px, var(--d-bc)) !important;
    }

    // 三段式，两个徽章值时微调
    // 第 2 个徽章值
    @{badgeOnEditingPrefix} > @{codeOnEditing}+span:last-child {
        margin: 1px 5px !important;
    }
    // 第 1 个徽章值
    @{badgeOnEditingPrefix} > @{codeOnEditing}:not(:first-child):not(:last-child) > code,
    .v-badge-value.hastwo {
        margin-left: 0 !important;
        margin-right: -5px !important;
        padding-right: 12px !important;
        border-radius: 0;
        background: linear-gradient(110deg, transparent 10px, var(--d-bc) 10px, var(--d-bc) calc(100% - 10px), transparent calc(100% - 10px)) !important;
    }

    // 没有徽章标题，只有两个徽章内容 value 和 value2
    @{badgeOnEditingPrefix} > @{codeOnEditing}:not(:only-child):first-child > code,
    .v-badge-name > .v-badge-value:first-child {
        margin-left: 1px !important;
        margin-right: 0 !important;
        padding-left: 5px;
        padding-right: 12px !important;
        border-radius: calc(var(--v-r-tag) - 3px) 0 0 calc(var(--v-r-tag) - 3px);
        background: linear-gradient(110deg, var(--d-bc), var(--d-bc) calc(100% - 10px), transparent calc(100% - 10px)) !important;
    }
}

// -----
// 胶囊风格
.genBadgeStyle(@style) when (@style = cap) {
    // 徽章内容公共样式
    // 编辑时的徽章内容
    @{badgeOnEditingPrefix} > @{codeOnEditing}:not(:first-child) > code, // :first-child 时为 标签 tag
    @{badgeOnEditingPrefix} > @{codeOnEditing}:not(:only-child):first-child > code,  // 没有标题，只有 value 和 value2
    .v-badge-value {
        display: inline-block;
        font: var(--v-f-w-bd) 1em var(--v-f-fm-tag); // [style] [weight] [size/[line-height]] [family]
        border-radius: 0 var(--v-r-tag-xc) var(--v-r-tag) 0;
        color: var(--d-bc) !important;
        background: var(--d-fc) !important;
        padding: 5px 5px;
        line-height: 1;
        margin: -.0625em -.0625em -.0625em @codePaddingLeft;
        white-space: pre;
        box-shadow: none !important;
        border: none !important;
    }

    // 三段式，两个徽章值时微调
    // 第 2 个徽章值
    @{badgeOnEditingPrefix} > @{codeOnEditing}+span:last-child {
        margin: 1px 5px !important;
    }
    // 第 1 个徽章值
    @{badgeOnEditingPrefix} > @{codeOnEditing}:not(:first-child):not(:last-child) > code,
    .v-badge-value.hastwo {
        margin: -.0625em 5px !important;
        border-radius: 0;
    }

    // 没有徽章标题，只有两个徽章内容 value 和 value2
    @{badgeOnEditingPrefix} > @{codeOnEditing}:not(:only-child):first-child > code,
    .v-badge-name > .v-badge-value:first-child {
        margin: -.0625em 5px -.0625em -.0625em !important;
        border-radius: var(--v-r-tag) 0 0 var(--v-r-tag-xc);
    }
}

// ==================== 生成 GitHub Style Alert 各类型相关样式 ==================== //

// ----------
// GSA 简约风格样式
.genGitHubStyleAlertCSS(@type, @accColor, @btnBg) {
    #write .md-alert {
        padding: .25em 1em .5em 1em !important;
        border: @quoteBorderWidth solid var(--d-fc);
        // border-left-width: @quoteBorderWidth;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
    }

    #write @{quote_details} .md-alert {
        border-radius: 0 var(--v-r-s) var(--v-r-s) 0;
    }

    // 背景
    #write .md-alert-@{type} {
        border-color: ~"var(--ac-@{accColor}-lg)" !important;
    }
    // GSA 内的引用微调
    #write .md-alert-@{type} @{quote_details} {
        background: ~"var(--ac-@{accColor}-fade)" !important;
    }
    // after 提示
    #write .md-alert-text-@{type} .md-meta {
        color: ~"var(--ac-@{accColor})" !important;
        font-weight: normal !important;
        opacity: .5;
    }
    // 类型小标题
    #write .md-alert-text-@{type} {
        color: ~"var(--ac-@{accColor})" !important;
    }
    .genGitHubStyleAlertCssBase(@type, @accColor, @btnBg);
}

// 生成 GSA 简约风格
.genGSA_simple() {
    .genGitHubStyleAlertCSS(note, bu, @accColorBlue);
    .genGitHubStyleAlertCSS(tip, gn, @accColorGreen);
    .genGitHubStyleAlertCSS(important, pu, @accColorPurple);
    .genGitHubStyleAlertCSS(warning, bn, @accColorBrown);
    .genGitHubStyleAlertCSS(caution, rd, @accColorRed);
}

// ----------
// GSA 扁平风格样式
.genGitHubStyleAlertCssFt(@type, @accColor, @btnBg) {
    @alertTypePaddingTop4Ft: .5em;
    #write .md-alert {
        border-radius: 0 0 var(--v-r-b) var(--v-r-b) !important;
        padding-top: @alertTypePaddingTop4Ft !important;
        border: none;
    }

    // 背景
    #write .md-alert-@{type} {
        background: ~"var(--ac-@{accColor}-a)";
        // border: none;
        border-top: 2px solid ~"var(--ac-@{accColor})" !important;
    }
    // GSA 内的引用微调
    #write .md-alert-@{type} @{quote_details} {
        background: ~"var(--d-bc)" !important;
        border-radius:  0 0 var(--v-r-s) var(--v-r-s) !important;
    }
    // 引用内的 GSA 微调
    #write @{quote_details} .md-alert-@{type} {
        border-radius: 0 0 var(--v-r-s) var(--v-r-s) !important;
    }
    // after 提示
    #write .md-alert-text-@{type} .md-meta {
        font-weight: normal;
        opacity: .5;
    }
    // 类型小标题
    #write .md-alert-text-@{type} {
        color: ~"var(--ac-@{accColor}-title)";
    }
    .genGitHubStyleAlertCssBase(@type, @accColor, @btnBg);
}

// 生成 GSA 扁平风格
.genGSA_flat() {
    .genGitHubStyleAlertCssFt(note, bu, @accColorBlue);
    .genGitHubStyleAlertCssFt(tip, gn, @accColorGreen);
    .genGitHubStyleAlertCssFt(important, pu, @accColorPurple);
    .genGitHubStyleAlertCssFt(warning, bn, @accColorBrown);
    .genGitHubStyleAlertCssFt(caution, rd, @accColorRed);
}

// ----------
// GSA 强调风格样式
.genGitHubStyleAlertCssEm(@type, @accColor, @btnBg) {
    @alertTypePaddingTop4em: .5em;
    #write .md-alert {
        border-radius: var(--v-r-b) !important;
        padding-top: @alertTypePaddingTop4em !important;
    }

    #write .md-alert>p:first-child {
        margin-bottom: 1em;
    }

    // 背景
    @alertTypePaddingTop4emLg: @alertTypePaddingTop4em + 2em; // 适配调整类型显示位置的高度
    #write .md-alert-@{type} {
        background: linear-gradient(180deg, ~"var(--ac-@{accColor})" @alertTypePaddingTop4emLg, ~"var(--ac-@{accColor}-a)" @alertTypePaddingTop4emLg, ~"var(--ac-@{accColor}-fade)") !important;
        border: @imgBorderWidth solid ~"var(--ac-@{accColor}-lg)" !important;
    }
    // GSA 内的引用微调
    #write .md-alert-@{type} @{quote_details} {
        background: ~"var(--d-bc)" !important;
    }
    // 引用内的 GSA 微调
    #write @{quote_details} .md-alert-@{type} {
        border-radius: var(--v-r-b) !important;
    }
    // after 提示
    #write .md-alert-text-@{type} .md-meta {
        color: ~"var(--ac-@{accColor}-a)" !important;
        font-weight: normal !important;
        opacity: .5;
    }
    // 类型小标题
    #write .md-alert-text-@{type} {
        color: #FFFFFF !important;
    }
    .genGitHubStyleAlertCssBase(@type, @accColor, @btnBg);
}

// 生成 GSA 强调风格
.genGSA_em() {
    .genGitHubStyleAlertCssEm(note, bu, @accColorBlue);
    .genGitHubStyleAlertCssEm(tip, gn, @accColorGreen);
    .genGitHubStyleAlertCssEm(important, pu, @accColorPurple);
    .genGitHubStyleAlertCssEm(warning, bn, @accColorBrown);
    .genGitHubStyleAlertCssEm(caution, rd, @accColorRed);
}